<template>
    <a-card style="margin-bottom: 15px" size="small">
        <template #title>
            <div style="margin: 10px 0px 20px 0px;font-size:16px;">资金使用申请</div>
        </template>
        <template #extra>
            <a-tooltip title="返回上级">
                <a-button size="middle" @click="goback">
                    <template #icon>
                        <RollbackOutlined />
                    </template>
                </a-button>
            </a-tooltip>
        </template>
        <a-form ref="formRef" :model="formData" :rules="rules" :label-col="labelCol" :wrapper-col="wrapperCol"
            :labelWrap="true">
            <a-divider orientation="left" style="margin: 10px 0px 20px 0px;font-size:16px;color: #1677ff;"
                orientation-margin="20px">
                项目信息
            </a-divider>
            <a-form-item label="项目名称" name="blprojectnum">
                <a-select v-model:value="formData.blprojectnum" :allowClear="true" size="Middle" style="width: 100%"
                    @change="onChangePro" :options="options" placeholder="请选择执行单位"></a-select>
            </a-form-item>
            <a-form-item label="预算年度" name="blyear">
                <a-date-picker :valueFormat="'YYYY'" style="width: 100%" :allowClear="false" :defaultValue="null"
                    v-model:value="formData.blyear" picker="year" placeholder="请选择年份" />
            </a-form-item>
            <a-divider orientation="left" style="margin: 10px 0px 20px 0px;font-size:16px;color: #1677ff;"
                orientation-margin="20px">
                申请人信息
            </a-divider>
        </a-form>
    </a-card>

</template>

<script setup>
    import { nextTick, reactive, ref, defineProps, onMounted, toRefs, toRaw } from 'vue';
    import { message, Modal } from 'ant-design-vue';
    import { smartSentry } from '/@/lib/smart-sentry';
    import { ProManageApi } from '/@/api/ProManage/ProManage-api';
    import { SmartLoading } from '/@/components/framework/smart-loading';
    const emits = defineEmits(['emitPass'])
    function goback() {
        emits('emitPass', true)
    }

    //表单验证规则
    const formRef = ref();
    const labelCol = {
        span: 5,
    };
    const wrapperCol = {
        span: 15,
    };
    const formData = reactive({});
</script>

<style lang="less" scoped>
    .steps-content {
        width: 100%;
        border: 1px dashed #e9e9e9;
        border-radius: 6px;
        min-height: 510px;
        padding-top: 40px;
        margin: 20px auto;
    }

    .steps-action {
        margin-top: 24px;
        float: right;
    }
</style>